﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Hui Xing Blog | Teaching</title>

<!-- Stylesheets -->
<link href="/blog/css/style.css" rel="stylesheet">
<link href="/blog/css/responsive.css" rel="stylesheet">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">

</head>

<!-- page wrapper -->
<body class="boxed_wrapper">


    <!-- .preloader -->
    <div class="preloader"></div>
    <!-- /.preloader -->


    <!-- menu-area -->
    <header class="main-header">
        

        <div class="logo-area">
            <div class="container">
                <div class="logo-box">
                    <a href="index.html"><figure><img src="/blog/images/logo/logo1.png" alt=""></figure></a>
                </div>
            </div>
        </div>


        <!-- main-menu -->
        <div class="theme_menu menu-area stricky centred">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12 menu-column">
                        <div class="menu-area">
                            <nav class="main-menu border-top">
                                <div class="navbar-header">     
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <div class="navbar-collapse collapse clearfix">
                                    <ul class="navigation clearfix">
                                        <li ><a href="/blog" target="_blank">Home</a>
                                        </li>
                                        <li ><a href="/blog/about" target="_blank">About</a></li>
                                        <li ><a href="/blog/research" target="_blank">Research</a>
                                           
                                        </li>
                                        <li><a href="/blog/publicactions" target="_blank">Publications</a></li>
                                        <li class="current"><a href="/blog/teaching" target="_blank">Teaching</a></li>
                                        <li><a href="/blog/photos" target="_blank">Photos</a></li>
                                       
                                    </ul>
                                    <!-- mobile menu -->
                                    <ul class="mobile-menu clearfix">
                                        <li ><a href="/blog" >Home</a>
                                        </li>
                                       <li ><a href="/blog/about" >About</a></li>
                                        <li ><a href="/blog/research" >Research</a>
                                           
                                        </li>
                                        <li><a href="/blog/publicactions" >Publications</a></li>
                                        <li class="current"><a href="/blog/teaching" >Teaching</a></li>
                                        <li><a href="/blog/photos" >Photos</a></li>
                                    </ul>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
           </div>
        </div><!-- end main-menu -->
    </header>
    <!-- end menu-area -->


     <!--Page Title-->
    <section class="page-title centred">
        <div class="container">
            <div class="text">Teaching</div>
        </div>
    </section>
    <!--End Page Title-->



    <!-- about section sp-seven-->
    <section class="about-section " style="margin-top:40px">
        <div class="container" style="min-height:600px;">
         
            <div class="about-content">
             
                <div class="about-content-two">
                    <div class="title-text">Theoretical</div>
               
                    <ul class="list"> 
                       <li th:each="t : ${teachs1}"> <a th:href="${t.url}" target="_blank"><div th:text="${t.description}"></div></a></li>

                    </ul>
                   
                </div>
                <div class="about-content-two">
                    <div class="title-text">Mechanics</div>
               
                    <ul class="list">
                        <li th:each="t : ${teachs2}"> <a th:href="${t.url}" target="_blank"><div th:text="${t.description}"></div></a></li>

                    </ul>
                   
                </div>
                <div class="about-content-two">
                    <div class="title-text">Computational Physics</div>
               
                    <ul class="list">
                        <li th:each="t : ${teachs3}"> <a th:href="${t.url}" target="_blank"><div th:text="${t.description}"></div></a></li>

                    </ul>
                   
                </div>
                
            </div>
        </div>
    </section>
    <!-- about section end -->


    
    


    <!-- footer bottom -->
    <section class="footer-bottom footer-bottom-one centred">
        <div class="container">
            <div class="copyright">CopyrightS © 2019 <a href="">HuiXing</a>. All rights reserved</div>
        </div>
    </section>
    <!-- footer bottom -->



<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="icon fa fa-angle-up"></span></div>



<!--jquery js -->
<script type="text/javascript" src="/blog/js/jquery-2.1.4.js"></script>
<script src="/blog/js/bootstrap.min.js"></script>

<script type="text/javascript" src="/blog/js/SmoothScroll.js"></script>
<!--<script src="js/html5lightbox/html5lightbox.js"></script>-->  


<script src="/blog/js/script.js"></script>

</body><!-- End of .page_wrapper -->
</html>
